<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>701-WebDevelopers'Workroom</title>
    <link rel="stylesheet" href="../css/main.css" />
    <link rel="shortcut icon" href="../favicon.png" type="image/x-icon" />

    <meta name="viewport"
        content="width=device-width,
                initial-scale=1.0,
                minimum-scale=1.0,
                maximum-scale=1.0,
                user-scalable=no">

    <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
    <script defer src="../js/style.js" type="text/javascript"></script>
  </head>
  <body>  
    <header class="header">
      <div class="bg-video">
        <video class="bg-video__content" autoplay="" muted="" loop="">
          <source src="../imgs/pexels-cottonbro-5473982 (2160p).mp4" type="video/mp4">
          Your Browser is not supported;
        </video>
      </div>
      <nav class="nav">
        <a href="#" class="nav__logo">
          <img src="../imgs/701Logo_frameless.png" alt="701Logo" />
        </a>
        <ul class="nav__links">
          <li class="link__item">
            <a href="#about" class="nav__href">701工作室</a>
          </li>
          <li class="link__item">
            <a href="#benefit" class="nav__href">你能收获</a>
          </li>
          <li class="link__item">
            <a href="#expectation" class="nav__href">人才选拔</a>
          </li>
          <li class="link__item">
            <a href="#joinUs" class="nav__href">加入我们</a>
          </li>
        </ul>
      </nav>
      <div class="header__text">
        <h1 class="heading__primary">
          <span class="heading__primary--main u-margin-bottom-small">
            <span class="highlight--blue">701</span>工作室 招新计划
          </span>
        </h1>
        <div class="header__button">
        <a href="#" class="btn btn--main">了解更多&darr;</a>
      </div>
      </div>
    </header>
    <main class="main">
      <section id="about" class="section-about">
        <div class="about">
          <div class="logo">
            <img
              src="../imgs/701Logo_frameless.png"
              alt="701Logo"
              class="logo__animation"
            />
          </div>
          <div class="u-center-text u-margin-bottom-huge">
            <span class="subheading u-margin-bottom-small">What are we</span>
            <h2 class="heading__secondary">
              <span class="heading__secondary--main u-margin-bottom-small"
                >关于701工作室</span
              >
              <span class="heading__secondary--sub u-center-box"
                >701工作室的设立是为了汇聚数信院全院范围内对IT行业感兴趣的同学，学习IT相关知识，并参与到规范的WEB项目开发流程中。</span
              >
            </h2>
          </div>
          <div class="row">
            <div class="col-1-of-2">
              <figure class="about__img">
                <img
                  src="../imgs/code.jpg"
                  class="about__img--item"
                  alt="code"
                />
              </figure>
            </div>
            <div class="col-1-of-2">
              <div class="u-center-text u-margin-bottom-big">
                <figure class="about__img">
                  <img
                    src="../imgs/programmer.png"
                    alt="programmer"
                    class="about__description--img"
                  />
                </figure>
              </div>
              <div class="about__text-box u-center-text">
                <h3 class="heading__tertiary u-margin-bottom-small">
                  <span class="heading__tertiary--main">工作室职能</span>
                </h3>
                <p class="about__description">
                  让学生有选择的学习当代的主流开发技术，拥有一项专业特长，提升自己专业本领。基于自身技术学习，结合学校各类专项比赛，为学生的技能大赛、创新创业等活动提供积极的组织和指导工作。
                </p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-1-of-2">
              <div class="u-center-text u-margin-bottom-big">
                <figure class="about__img">
                  <img
                    src="../imgs/programmer--2.png"
                    alt="programmer"
                    class="about__description--img"
                  />
                </figure>
              </div>
              <div class="about__text-box u-center-text">
                <h3 class="heading__tertiary u-margin-bottom-small">
                  <span class="heading__tertiary--main">Web开发训练营</span> 
                </h3>
                <p class="about__description">
                  训练营是南特师数信院701工作室发起的web开发人才培训选拔项目。训练营面向2023级数信学院计算机科学、数据科学与大数据技术、软件工程专业学生，旨在为学校培养有web开发能力且具有一定职业竞争优势的开发人员。
                </p>
              </div>
            </div>
            <div class="col-1-of-2">
              <figure class="about__img">
                <img
                  src="../imgs/program_team.jpg"
                  class="about__img--item"
                  alt="code"
                />
              </figure>
            </div>
          </div>
        </div>
      </section>
      <section class="section-work">
        <div class="work">
          <div class="work--style">
              <div class="work__item">
                <div class="work__item--text">
                  <h3 class="heading__tertiary u-margin-bottom-big ">
                    <span class="heading__tertiary--main">Web应用开发</span>
                    <span class="heading__tertiary--sub">《知海》是为特殊人群专属打造的学习交流社区，启用了普通用户与特殊用户双视角模式，针对不同用户满足其学习需要。“无障碍学习”与“爱心交流社区”的紧密结合，实现交流无局限。</span>
                </h3>
                 <div class="work__item--buttons u-margin-bottom-medium">
                    <a href="#" class="btn btn--border u-margin-right-small">相关项目了解</a>
                    <a href="#" class="btn btn--text">成为项目成员</a>
                  </div>
  
                  <div class="work__item--keyfacts">
                    <p class="keyfact">
                      <span class="keyfact_nbr">省级</span>重点创新实践项目
                    </p>
                    <p class="keyfact">
                      <span class="keyfact_nbr">2</span>国际期刊论文发表
                    </p>
                  </div>
                </div> 
                <figure class="work__item--img">
                  <img src="../imgs/zhihai.png" alt="zhihai Logo" class="item__img">
                  <figcaption class="item__caption">
                    <p class="item__caption--brand">知海</p>
                    <p>特殊人群学习交流社区</p>
                  </figcaption>
                </figure>
              </div>
              <div class="work__item">
                <div class="work__item--text">
                  <h3 class="heading__tertiary u-margin-bottom-big ">
                    <span class="heading__tertiary--main">Unity游戏开发</span>
                    <span class="heading__tertiary--sub">《逆光》是体验视障人群的一款沉浸式游戏，通过听觉、视觉和触觉还原盲人在生活、出行等方面遇到的困难。游戏基于Unity3D与C#进行开发，使用3ds Max进行游戏模型的建立。</span>
                  </h3>
                  <div class="work__item--buttons u-margin-bottom-medium">
                    <a href="#" class="btn btn--border u-margin-right-small">相关项目了解</a>
                    <a href="#" class="btn btn--text">成为项目成员</a>
                  </div>
  
                  <div class="work__item--keyfacts">
                    <p class="keyfact">
                      <span class="keyfact_nbr">铜奖</span>挑战杯科技学术省级竞赛
                    </p>
                    <p class="keyfact">
                      <span class="keyfact_nbr">1</span>国际期刊论文发表
                    </p>
                  </div>
                </div> 
                <figure class="work__item--img">
                  <img src="../imgs/niguang.png" alt="zhihai Logo" class="item__img">
                  <figcaption class="item__caption">
                    <p class="item__caption--brand">逆光</p>
                    <p>沉浸式模拟视障人群出行体验</p>
                  </figcaption>
                </figure>
              </div>
              <div class="work__item">
                <div class="work__item--text">
                  <h3 class="heading__tertiary u-margin-bottom-big ">
                    <span class="heading__tertiary--main">创业团队</span>
                    <span class="heading__tertiary--sub">南京梦码象科技有限公司是一家致力于为残疾人提供信息化服务的企业。其主要业务是开发适合残疾人使用的软件和应用程序，以帮助他们更方便地获取信息、进行交流和享受娱乐。</span>
                  </h3>
                  <div class="work__item--buttons u-margin-bottom-small">
                    <a href="#" class="btn btn--border u-margin-right-small">相关项目了解</a>
                    <a href="#" class="btn btn--text">成为项目成员</a>
                  </div>
  
                  <div class="work__item--keyfacts">
                    <p class="keyfact">
                      <span class="keyfact_nbr">3+</span>项目开发成果
                    </p>
                    <p class="keyfact">
                      <span class="keyfact_nbr">3</span>国际期刊论文发表
                    </p>
                  </div>
                </div> 
                <figure class="work__item--img">
                  <img src="../imgs/mengmaxiang.png" alt="zhihai Logo" class="item__img">
                  <figcaption class="item__caption">
                    <p class="item__caption--brand">梦码象</p>
                    <p>为残疾人提供信息化服务的企业</p>
                  </figcaption>
                </figure>
              </div>
             
              <div class="work__item work__heading">
                <span class="subheading u-margin-bottom-small">What we do</span>
                <h2 class="heading__secondary">
                  <span class="heading__secondary--main u-margin-bottom-small">我们的工作</span>
                </h2>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section id="benefit" class="section-benefit">
        <div class="benefit flex__row">
          <div class="col-1-of-2 u-margin-right-medium">
            <div class="u-left-text">
              <span class="subheading u-margin-bottom-small">Why choose us</span>
              <h2 class="heading__special">
                <span class="heading__special--main u-margin-bottom-small"
                  >为什么<br/>选择<br/>701工作室</span
                > 
              </h2>
            </div>
            </div>
            <div class="col-1-of-2">
              <ul class="benefit__list">
                <li class="benefit__list-item">
                  <span>701工作室内部培训课程</span>
                </li>
                <li class="benefit__list-item">
                  <span>大创项目经历</span>
                </li>
                <li class="benefit__list-item">
                  <span>学长学姐指导</span>
                </li>
                <li class="benefit__list-item">
                  <span>同龄人学习圈</span>
                </li>
              </ul>
            </div>
        </div>
        
        </div>
      </section>  
      <section class="section-figure">
     <div class="container">
        <div class="figure">
        <div class="u-left-text u-margin-bottom-medium">
          <span class="subheading u-margin-bottom-small">They are here</span>
          <h2 class="heading__secondary">
            <span class="heading__secondary--main u-margin-bottom-small">我们只筛出金子</span>
          </h2>
        </div>
        <div class="figure__container">
          <div class="figure__item">
            <div class="figure__content">
              <div class="flex__row u-margin-bottom-small">
                <p class="figure__content-name">吴雅慧</p>
                <p class="figure__content-note">标准i人</p>
              </div>
              <div class="flex__row">
                <p class="figure__content-description">
                  现任后端开发工程师。在校期间获得领航杯三等奖，互联网+铜奖，大创省级项目负责人。
                </p>
              </div>
              <div class="flex__row">
                <p class="figure__content-session">2019级</p>
                <div class="figure__content-portrait">
                  <img src="../imgs/wuyahui.png" alt="figure portrait">
                </div>  
              </div>
            </div>
          </div>
          <div class="figure__item">
            <div class="figure__content">
              <div class="flex__row u-margin-bottom-small">
                <p class="figure__content-name">黄袭</p>
                <p class="figure__content-note">灵敏跳脱</p>
              </div>
              <div class="flex__row">
                <p class="figure__content-description">
                  现任产品经理。游戏《逆光》团队负责人，“残疾人漫画商城网站”负责人，“梦码象科技有限公司”创始人。
                </p>
              </div>
              <div class="flex__row">
                <p class="figure__content-session">2019级</p>
                <div class="figure__content-portrait">
                  <img src="../imgs/huangxi.jpg" alt="figure portrait">
                </div>  
              </div>
            </div>
          </div>
          <div class="figure__item">
            <div class="figure__content">
              <div class="flex__row u-margin-bottom-small">
                <p class="figure__content-name">朱笑笑</p>
                <p class="figure__content-note">沉稳踏实</p>
              </div>
              <div class="flex__row">
                <p class="figure__content-description">
                  701工作室组长，考研社活动部部长。项目经历丰富。数竞国赛二等奖和领航杯一等奖。已获得国家励志奖学金。 
                </p>
              </div>
              <div class="flex__row">
                <p class="figure__content-session">2021级</p>
                <div class="figure__content-portrait">
                  <img src="../imgs/zhuxiaoxiao2.png" alt="figure portrait">
                </div>  
              </div>
            </div>
          </div>
          <div class="figure__item">
            <div class="figure__content">
              <div class="flex__row u-margin-bottom-small">
                <p class="figure__content-name">陈豪</p>
                <p class="figure__content-note">刻苦求实</p>
              </div>
              <div class="flex__row">
                <p class="figure__content-description">
                  701工作室组长。方向后端开发，项目经历丰富。统计建模省二，领航杯一等奖，睿抗竞赛国三。
                </p>
              </div>
              <div class="flex__row">
                <p class="figure__content-session">2021级</p>
                <div class="figure__content-portrait">
                  <img src="../imgs/chenhao.jpg" alt="figure portrait">
                </div>  
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>      
      </section>
      <section id="expectation" class="section-expectation">     
        <div class="expectation">
          <div class="u-center-text u-margin-bottom-medium">
            <span class="subheading u-margin-bottom-small">Who we want</span>
            <h2 class="heading__secondary">
              <span class="heading__secondary--main u-margin-bottom-small">我们希望你</span>
            </h2>
          </div>
          <div class="marquees">
            <div class="marquee">
              <div class="marquee__track">
                <ul class="marquee__list">
                    <li class="marquee__item">努力</li>
                    <li class="marquee__item">上进</li>
                    <li class="marquee__item">开朗</li>
                    <li class="marquee__item">真诚</li>
                    <li class="marquee__item">负责</li>
                    <li class="marquee__item">善良</li>
                    <li class="marquee__item">创造</li>
                    <li class="marquee__item">刻苦</li>

                    <li class="marquee__item">努力</li>
                    <li class="marquee__item">上进</li>
                    <li class="marquee__item">开朗</li>
                    <li class="marquee__item">真诚</li>
                    
                   
                </ul>
              </div>
            </div>
            <div class="marquee">
              <div class="marquee__track">
                <ul class="marquee__list">
                    <li class="marquee__item">元気</li>
                    <li class="marquee__item">Athletic</li>
                    <li class="marquee__item">明るい</li>
                    <li class="marquee__item">Intellectual </li>
                    <li class="marquee__item">励む</li>
                    <li class="marquee__item">diligente </li>
                    <li class="marquee__item">sloare</li>
                    <li class="marquee__item">친절하다 </li>
                    <li class="marquee__item">元気</li>
                    <li class="marquee__item">Athletic</li>
                    <li class="marquee__item">明るい</li>
                    <li class="marquee__item">Intellectual </li>
                 
               
                </ul>
              </div>
            </div>
            <div class="marquee">
              <div class="marquee__track">
                <ul class="marquee__list">
                    <li class="marquee__item">diligente </li>
                    <li class="marquee__item">sloare</li>
                    <li class="marquee__item">친절하다 </li>
                    <li class="marquee__item">ISTP</li>
                    <li class="marquee__item">Frank </li>
                    <li class="marquee__item">親切</li>
                    <li class="marquee__item">明るい</li>
                    <li class="marquee__item">Intellectual </li>

                    <li class="marquee__item">diligente </li>
                    <li class="marquee__item">sloare</li>
                    <li class="marquee__item">친절하다 </li>
                    <li class="marquee__item">ISTP</li>

                </ul>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section-phase">
        <div class="container">
          <div class="u-center-text u-margin-bottom-medium">
            <span class="subheading u-margin-bottom-small">The challenge</span>
            <h2 class="heading__secondary">
              <span class="heading__secondary--main u-margin-bottom-small">你可以在这里学到</span>
            </h2>
          </div>
          <div class="phase">
            <div class="phase__left">
              <div class="phase__description">
                  <div class="phase__description--item">
                  <div data-img-to-show="#img-1"></div>
                  <span class="subheading u-margin-bottom-small">Phase 1 / 4</span>
                  <h3 class="heading__tertiary">
                    <span class="heading__tertiary--main u-margin-bottom-small"
                      >JavaSE基础</span>
                    <span class="heading__tertiary--sub">
                      1.掌握Java开发环境基本配置| 2.掌握运算符、表达式、流程控制语句、数组等的使用| 3.熟练使用IDEA开发工具| 4.掌握Java基本面向对象知识
                    </span>
                  </h3>
                    <ul class="description__list">
                      <li class="description--item">书写第一个java程序
                      </li>
                      <li class="description--item">案例：班级信息管理系统
                      </li>
                      <li class="description--item">案例：多线程的买票程序
                      </li>
                    </ul>
                  </div>
                  <div class="phase__description--item">
                    <div data-img-to-show="#img-2"></div>
                  <span class="subheading u-margin-bottom-small">Phase 2 / 4</span>
                  <h3 class="heading__tertiary">
                    <span class="heading__tertiary--main u-margin-bottom-small"
                      >JavaSE进阶</span>
                    <span class="heading__tertiary--sub">
                      1.掌握枚举与注解如何使用| 2.了解泛型| 3.掌握并了解IO流| 4.了解网络编程| 5.了解掌握反射与动态代理
                    </span>
                  </h3>
                    <ul class="description__list">
                      <li class="description--item">利用枚举和注解优化班级信息管理系统
                      </li>
                      <li class="description--item">利用泛型优化班级信息管理系统
                      </li>
                      <li class="description--item">熟悉Java8特点
                      </li>
                    </ul>
                  </div>
                  <div class="phase__description--item">
                    <div data-img-to-show="#img-3"></div>
                  <span class="subheading u-margin-bottom-small">Phase 3 / 4</span>
                  <h3 class="heading__tertiary">
                    <span class="heading__tertiary--main u-margin-bottom-small"
                      >MySQL</span>
                    <span class="heading__tertiary--sub">
                      1.了解数据库的分类| 2.了解数据库用户与表之间的关系| 3.掌握数据库管理系统Navicat| 4.熟练使用sql语句增删改查| 5.掌握多表连接相关语句
                    </span>
                  </h3>
                    <ul class="description__list">
                      <li class="description--item">利用数据库创建班级管理系统数据库
                      </li>
                      <li class="description--item">将java中班级管理系统mysql数据进行结合
                      </li>
                      <li class="description--item">结合实际设计管理系统
                      </li>
                    </ul>
                  </div>
                  <div class="phase__description--item">
                    <div data-img-to-show="#img-4"></div>
                  <span class="subheading u-margin-bottom-small">Phase 4 / 4</span>
                  <h3 class="heading__tertiary">
                    <span class="heading__tertiary--main u-margin-bottom-small"
                      >图书管理系统</span>
                    <span class="heading__tertiary--sub">
                      1.掌握Java开发环境基本配置| 2.掌握运算符、表达式、流程控制语句、数组等的使用| 3.熟练使用IDEA开发工具| 4.掌握Java基本面向对象知识
                    </span>
                  </h3>
                    <ul class="description__list">
                      <li class="description--item">description 1
                      </li>
                      <li class="description--item">description 2
                      </li>
                      <li class="description--item">description 3
                      </li>
                    </ul>
                  </div>
              </div>
            </div>
            <div class="phase__right">
                <div class="phase__imgs">
                    <div data-img id="img-1" class="phase__img show">
                      <img src="../imgs/phase_img_1.png" alt="phase_1">
                    </div>
                    <div data-img id="img-2" class="phase__img">
                      <img src="../imgs/phase_img_2.png" alt="phase_2">
                    </div>
                    <div data-img id="img-3" class="phase__img">
                      <img src="../imgs/phase_img_3.png" alt="phase_3">
                    </div>
                    <div data-img id="img-4" class="phase__img">
                      <img src="../imgs/phase_img_4.png" alt="phase_4">
                    </div>
                </div>
            </div>
          </div>
        </div>
        
      </section>
      <section  id="joinUs" class="section-FAQ">
      <div class="row">
        <div class="FAQ">
          <div class="FAQ__left">
            <h2 class="heading__secondary">
              <span class="heading__secondary--main u-margin-bottom-small"
                >FAQ</span>
            </h2>
          </div>
          <div class="FAQ__right">
             <ul class="FAQ__list">
              <li class="FAQ__list--item hidden">
                <div class="FAQ__question">
                <p class="FAQ-number">01</p>
                <p class="FAQ-title">701工作室是什么?</p>
                <i class="FAQ-icon iconfont icon-add"></i>
              </div>
                <p class="FAQ-description ">
                  “南京特殊教育师范学院·701校企工作坊”成立于2019年下旬，位于新大楼7楼701室。为满足学生职业生涯发展需要，培养学生良好的职业意识，提高学生就业竞争力，实现学校与企业资源、信息共享的“双赢”模式，南京特殊教育示范学院数信院与南京矽鼎信息科技公司共同建立了“南京特殊教育师范学院·701校企工作坊”。
                </p>
              </li>
              <li class="FAQ__list--item hidden">
                <div class="FAQ__question">
                <p class="FAQ-number">02</p>
                <p class="FAQ-title">701工作室是怎么培养成员的</p>
                <i class="FAQ-icon iconfont icon-add"></i>
              </div>
                <p class="FAQ-description ">
                  1.路线引导：工作室会为其规划学习路线，提供学习资料，定期考核检测。
2.小组监督：大一新生会被划分为小组，由大二学长学姐担任组长，组长定期开会，组员每周上交周报汇报一周学习内容。
3.项目实战：工作室成员有机会接触到上届或同届大佬开发的项目，并一同参与到项目中。
                </p>
              </li>
              <li class="FAQ__list--item hidden">
                <div class="FAQ__question">
                <p class="FAQ-number">03</p>
                <p class="FAQ-title">我可以通过什么途径加入工作室</p>
                <i class="FAQ-icon iconfont icon-add"></i>
              </div>
                <p class="FAQ-description ">
                  在每年的9月到10月份，我们会对数学与信息科学学院的计算机科学与技术，数据科学与大数据技术，教育技术学，软件工程专业的大一同学进行统一招新面试考核。
                  请通过我们的网站提交报名表，并加入QQ招新群832849048以获取及时信息。
                </p>
              </li>
              <li class="FAQ__list--item hidden">
              <div class="FAQ__question">
                <p class="FAQ-number">04</p>
                <p class="FAQ-title">我不是数信院同学or大一新生，是否还可以加入工作室</p>
                <i class="FAQ-icon iconfont icon-add"></i>
              </div>
                <p class="FAQ-description ">
                  这是对于非数信院同学，或者非大一的数信院同学开设的问答：
701工作室一直在招募本校内热爱编程，愿意在IT行业上俯首前行的同学。
当然，我们希望你此时已经扎实地掌握了某一编程语言的基础，并且能有自己的项目作品。
请这些同学提交报名表后进QQ招新群832849048，联系管理员，我们会为您安排单独的面试考核。
                </p>
              </li>
              <li class="FAQ__list--item hidden">
                <div class="FAQ__question">
                <p class="FAQ-number">04</p>
                <p class="FAQ-title">我是零基础，是否还可以加入工作室</p>
                <i class="FAQ-icon iconfont icon-add"></i>
              </div>
                <p class="FAQ-description ">
                  这是为犹豫迷茫的大一新生开设的问答：
                  对于大一新生，我们会给予四周时间学习Java基础，再考核，招收以第二次考核为主。
                  我们鼓励您去尝试701工作室的面试，在对编程感兴趣的答案上，无论答案是Yes或No，愿意付出时间和精力的人都会有自己的收获。
                </p>
              </li>
             </ul>
          </div>
        </div>
      </div>
      </section>
    </main>
    <footer class="footer">
      <div class="appeal">
        <div class="row">
        <h1 class="heading__primary u-margin-bottom-medium">
          <!-- <span class="heading__primary--sub">701工作室2023年招新计划</span> -->
          <span class="heading__primary--main u-center-text"
            ><span class="highlight--blue">You</span> are unique,nothing can replace <span class="highlight--blue">You</span>.</span
          >
        </h1>
        <a href="recruit.html" class="btn btn--main u-center-text">加入我们</a>
        </div>
      </div>
    </footer>
  </body>
</html>
